import store from '@/store'
import Vue from 'vue'

Vue.directive('imgerror', {
  // inserted: 当指令所在元素插入到真实DOM中自动执行一次
  // el: 指令所在DOM元素
  // bindings: 指令信息对象
  // bindings.value: 获取指令绑定表达式的值(在这里就是默认头像地圳)
  inserted(el, bindings) {
    // 监听el的加载错误事件
    el.addEventListener('error', () => {
      // 用默认头像地址给src赋值
      el.src = bindings.value
    })
    // console.log(el, bindings)
  }
})

Vue.directive('permission', {
  inserted(el, binding) {
    // 拿到vuex中userInfo下points数组
    const { points } = store.state.user.userInfo.roles
    // 判断binding.value在不在vuex中userInfo下points数组中
    const flag = points.includes(binding.value)
    if (!flag) {
      // 如果不在数组中,移除当前dom树上移除
      el.remove()
    }
  }
})
